@import '~antd/es/style/variable.less';
@colorbg: #0d3960 !important;
html,
body,
#root {
  height: 100%;
}
.ant-layout-sider {
  padding-top: 0 !important;
}
// .ant-layout-header {
//   display: none;
// }
.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

// Compatible with IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}

// .ant-table-thead th {
//   background: #bfbfbf !important;
// }
//5587AF 9bc2e6

// .ant-table-thead > tr > th {
//   border-left: 1px solid #ddd;
// }
.ant-table-title {
  padding: 0 !important;
  border-color: transparent !important;
}
.darkDatePicker {
  background: transparent !important;
  border-color: rgb(33, 85, 132) !important;
  .ant-picker-suffix {
    color: #fff;
  }
  .ant-picker-separator {
    color: #fff;
  }
}
.flexRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gantt_container {
  height: 600px !important;
}

// .grid_cell {
//   display: none !important;
// }
// .gantt_grid_head_add,
// .gantt_last_cell {
//   display: none !important;
// }
.timeline_cell {
  // width: 100% !important;
}

.ganteModal {
  padding-bottom: 0 !important;
  overflow: hidden;
  border: 2px solid #7a9cbf;
  border-radius: 10px !important;
  .ant-table-cell-fix-left,
  .ant-table-cell-fix-right {
    background-color: #0d3960 !important;
  }
  .ant-table-tbody > tr.ant-table-row:hover > td,
  .ant-table-tbody > tr > td.ant-table-cell-row-hover {
    background-color: #0d3960 !important;
  }
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > thead
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > thead
    > tr
    > th,
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > thead
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tbody
    > tr
    > td,
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tbody
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tfoot
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tfoot
    > tr
    > th,
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tfoot
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tfoot
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tfoot
    > tr
    > td,
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tfoot
    > tr
    > td {
    border-right: 1px solid #ddd;
  }
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > thead
    > tr:not(:last-child)
    > th {
    border-bottom: 1px solid #ddd;
  }
  .ant-pagination-prev .ant-pagination-item-link,
  .ant-pagination-next .ant-pagination-item-link {
    background-color: transparent;
    border-color: #497eb0;
  }
  .ant-pagination-item {
    color: #fff;
    background-color: transparent;
    border-color: #497eb0;
    a {
      color: #fff;
    }
  }
  .ant-pagination-item-active {
    background: rgb(16, 55, 131);
    a {
      color: #fff;
    }
  }
  .ant-pagination-disabled .ant-pagination-item-link,
  .ant-pagination-disabled:hover .ant-pagination-item-link {
    color: #fff;
  }
  .ant-pagination-prev .ant-pagination-item-link,
  .ant-pagination-next .ant-pagination-item-link {
    color: #fff;
  }
  .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
  .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
    color: #fff;
  }
  .ant-tabs-tab {
    color: #fff !important;
    background-color: #264d70 !important;
  }
  .ant-tabs-tab-active {
    background-color: #016eb2 !important;
    .ant-tabs-tab-btn {
      color: #fff !important;
    }
  }
  .ant-picker-input > input,
  .ant-picker-suffix,
  .ant-picker-separator,
  .ant-picker-suffix {
    color: #fff !important;
  }
  .ant-modal-content {
    padding: 10px;
    // box-shadow: inset -10px -10px 10px 10px #2b81ff;
    box-shadow: inset 0 0 10px #2b81ff;
  }
  .ant-modal-close {
    top: 10px;
    right: 10px;
  }
  .ant-table-thead > tr > th {
    color: #fff;
    background: #16529d;
  }
  .ant-table-placeholder {
    background: #264d70;
    .ant-empty-description {
      color: #fff;
    }
  }
  .ant-table-row td {
    border-bottom: 1px solid #ddd;
  }
  .ant-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background-color: #264d70;
  }
  .ant-table-thead > tr > th {
    border-bottom: 1px solid #ddd;
  }
  .ant-modal-content,
  .ant-modal-header,
  .ant-modal-title,
  .ant-modal-body,
  .gantt_container,
  .gantt_grid_scale,
  .gantt_task_scale,
  .gantt_task_vscroll,
  .gantt_row,
  .ant-modal-close-x,
  .ant-table-row,
  .ant-modal-confirm-title,
  .ant-modal-confirm-content,
  .gantt_task_row {
    color: #fff !important;
    background-color: @colorbg;
  }
  .ant-modal-title {
    position: relative;
    padding-left: 25px;
  }
  .ant-modal-title::before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 8px;
    height: 20px;
    background: #6cecfc;
    border-radius: 4px;
    content: '';
  }
  .gantt_grid_head_cell,
  .gantt_tree_content,
  .ant-descriptions-item-label,
  .ant-descriptions-item-content,
  .gantt_scale_cell {
    color: #fff !important;
  }
  .gantt_grid_head_cell,
  .gantt_scale_cell {
    background-color: #16529d;
  }
  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  /* 设置滚动条的背景颜色 */
  ::-webkit-scrollbar-track {
    background-color: #39546b;
  }

  /* 设置滚动条的滑块颜色 */
  ::-webkit-scrollbar-thumb {
    background-color: #2b81ff;
  }

  /* 当鼠标悬停在滚动条上时，设置滑块的颜色 */
  ::-webkit-scrollbar-thumb:hover {
    background-color: #2b81ff;
  }
}
.gantt_row {
  line-height: 16px !important;
}
.gantt_tree_content {
  white-space: normal !important;
}
.gantt_task_line {
  height: 27px !important;
  margin-top: 5px;
  background-color: #92d050 !important;
  border: 1px solid #92d050 !important;
  .gantt_task_content {
    line-height: 27px !important;
  }
}
.gantt_task_progress {
  background-color: #92d050 !important;
  border: 1px solid #92d050 !important;
}
.gantt-task-status0 {
  //未超期
  background-color: #92d050 !important;
  border: 1px solid #92d050 !important;
}
.gantt-task-status1 {
  //未超期
  background-color: #00b0f0 !important;
  border: 1px solid #00b0f0 !important;
}
.gantt-task-status2 {
  background-color: #ed7d31 !important;
  border: 1px solid #ed7d31 !important;
  //延期
}
.gantt-task-status3 {
  //工作进行中
  background-color: #00b00694 !important;
  border: 1px solid #00b00694 !important;
}
.gantt-task-status7 {
  background-color: red !important;
  border: 1px solid red !important;
}
.gantt-task-status4 {
  //任务未开始，也没有执行数据
  background-color: #b5a003a5 !important;
  border: 1px solid #b5a003a5 !important;
}
.gantt-task-status5 {
  //任务提前结束
  background-color: #00c894 !important;
  border: 1px solid #00c894 !important;
}
.gantt-task-status6 {
  //任务终止或暂停
  background-color: #a6a6a6 !important;
  border: 1px solid #a6a6a6 !important;
}
.gantt-text-status {
  display: inline-block;
  width: 5px;
  height: 5px;
}
.gantt-text-status1 {
  //未超期
  color: #00b0f0;
}
.gantt-text-status2 {
  color: #ed7d31;
  //延期
}
.gantt-text-status3 {
  //工作进行中
  color: #00b00694;
}
.gantt-text-status7 {
  color: red;
}

.gantt-text-status4 {
  //任务未开始，也没有执行数据
  color: #b5a003a5;
}
.gantt-text-status5 {
  //任务提前结束
  color: #00c894;
}
.gantt-text-status6 {
  //任务终止或暂停
  color: #a6a6a6;
}
.gantt_tree_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.workstatus {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  overflow: hidden;
  border-radius: 50%;
}
.gantItem1 {
  //未超期
  background: linear-gradient(90deg, #016eb2 2%, #00b0f0 100%);
}
.gantItem2 {
  background: linear-gradient(90deg, #b95700 2%, #ed7d31 100%);
  //延期
}
.gantItem3 {
  //工作进行中
  background: linear-gradient(90deg, #00b00694 2%, #00b00694 100%);
}

.gantItem7 {
  background: linear-gradient(90deg, #b85600 2%, red 100%);
}
.gantItem4 {
  //任务未开始，也没有执行数据
  background: linear-gradient(90deg, #b79900 2%, #b5a003a5 100%);
}
.gantItem5 {
  //任务提前结束
  background: linear-gradient(90deg, #09918b 2%, #00c894 100%);
}
.gantItem6 {
  //任务终止或暂停
  background-color: #a6a6a6 !important;
}

// .gantItem3 #rc-tabs-7-panel-month .ant-radio-wrapper:nth-child(3) {
//   display: none;
// }

.submitStatus0 {
  //未超期
  background-color: red !important;
  border: 1px solid red !important;
}

.submitStatus1 {
  //未超期
  background-color: #92d050 !important;
  border: 1px solid #92d050 !important;
}
//protable主表表头背景色
.ant-table-thead > tr > th {
  background: #d0e9ff !important;
}
//protable子表表头背景色
.ant-table-expanded-row .ant-table-thead > tr > th {
  background: #d9e7f4 !important;
}
//descriptions组件th背景色
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #d0e9ff !important;
}

.ganteModal {
  .ant-table-thead > tr > th {
    background: #16529d !important;
  }
  //protable子表表头背景色
  .ant-table-expanded-row .ant-table-thead > tr > th {
    background: #16529d !important;
  }
  //descriptions组件th背景色
  .ant-descriptions-bordered .ant-descriptions-item-label {
    background-color: #16529d !important;
  }
}
.xxxxxx {
  color: #ffe765;
}

.ant-picker-calendar-date-content {
  height: calc(25vh - 79px) !important;
}
.overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bigSpinWrap {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.selectoption {
  color: #fff;
  background: #0d3960;
}
.selectoption.ant-select-item-option-selected {
  color: #fff !important;
  background-color: rgb(16, 55, 131) !important;
}

.selectoption.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: #0d3960;
}

.selectoption:hover {
  color: #fff !important;
  background-color: rgb(16, 55, 131) !important;
}
.gantemodalselect:not(.ant-select-customize-input) .ant-select-selector {
  color: #fff !important;
  background-color: transparent !important;
}

.coloeeee {
  color: rgb(4, 153, 53);
}
g {
  overflow: auto !important;
}
foreignObject {
  overflow: visible !important;
}
.productDownstreamWrap {
  position: relative;
  .productDownstream {
    position: absolute;
    top: -15px;
    left: -20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    > div {
      width: 100%;
      text-align: center;
    }
    .productDownstreamlabel {
      position: relative;
      left: -50%;
      width: 160px;
      margin-left: 30px;
      color: #fff;
      text-align: center;
    }
    .ball {
      width: 30px;
      height: 30px;
      overflow: hidden;
      // border: 5px solid red;
      border-radius: 50%;
    }
    .ball1 {
      background-color: rgb(252, 252, 252);
    }
    .ball2 {
      background-color: rgb(100, 231, 93);
    }
    .ball3 {
      background-color: orange;
    }
    .ball4 {
      background-color: #5a5a5a;
    }
    .ball5 {
      background-color: red;
    }
    .balll2 {
      color: rgb(33, 120, 210);
    }
    .ss {
      animation: colorAnimation 0.4s infinite alternate;
    }
  }
}
.productDownstreamWrap1 {
  .productDownstreamlabel {
    position: relative;
    left: -50%;
    width: 160px;
    margin-left: 30px;
    color: #000 !important;
    text-align: center;
  }
}
@keyframes colorAnimation {
  0% {
    opacity: 0.4;
  } /* 初始状态为红色 */

  100% {
    opacity: 1;
  } /* 结束状态为绿色 */
}

.g6-component-toolbar {
  background: #04173b;
  border: 1px solid #ddd;
}

.BigScreenSearch {
  width: 80px;
  color: #fff;
  border: 1px solid #fff;
  .ant-input-group-addon {
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid #053268 transparent;
  }
  .ant-input-search-button {
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
  }
  .ant-input {
    background-color: transparent !important;
  }
}
.BigScreenSearchNow {
  width: 200px;
  color: #fff;
  border: 1px solid #fff;
  .ant-input-group-addon {
    background-color: transparent !important;
  }
  .ant-input {
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
  }
  .ant-input-search-button {
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
  }
}

.moreMapContainer {
  .more {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 900px;
  }

  .more3container {
    width: 560px;
    .moreButton {
      // width: 100px;
    }
    /deep/ .ant-checkbox-group-item {
      font-weight: bold;
    }
    /deep/ .ant-checkbox-group-item1 span {
      color: orange;
    }
    /deep/ .ant-checkbox-group-item2 span {
      color: red;
    }
    /deep/ .ant-checkbox-group-item3 span {
      color: purple;
    }
    /deep/ .ant-checkbox-group-item4 span {
      color: #ccc;
    }

    .morecontent[data-v-5ba5e3ea] /deep/ .ant-checkbox-group-item {
      width: 30%;
    }
  }
  .more2 {
    .moreButton {
      position: absolute;
      bottom: 0;
      left: 0;
    }
  }
  .more1 {
    .moreButton {
      position: absolute;
      top: 0;
      left: 0;
    }
  }
  .moreButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 44px;
    color: #ffffff;
    background: #db4145;
    border-radius: 4px 0px 0px 4px;

    img {
      width: 20px;
      height: 20px;
      margin-right: 5px;
    }
  }
  .moreButton2 {
    background: #2d5577;
  }
  .moreContainer {
    display: flex;
    flex-direction: row;
    width: 732px;
    min-height: 44px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0px 4px 4px 4px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    opacity: 1;
    .morecontent {
      flex: 1;
      height: 44px;
      overflow: hidden;
      transition: all 5s linear;
      .ant-checkbox-group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
      }
      .ant-checkbox-group-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 23%;
        height: 44px;
        padding-left: 20px;
      }
    }
    .morecontent.active {
      height: auto;
      overflow: auto;
    }
    .moreIcon {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 55px;
      height: 100%;
      border-left: 1px solid #e1e1e1;
      cursor: pointer;
      img {
        width: 16px;
        height: 16px;
        margin-top: 14px;
      }
    }
  }
  .more2container {
    padding-left: 195px;
    .moreButton {
      width: 195px;
    }
  }
}

.ganteDetailItemBgWhite {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 50%;
}
.ganteDetailItemDescWhite {
  margin-right: 15px;
}
.drawerCommon {
  position: fixed;
  top: 92px;
  bottom: 0;
  .ant-drawer-content-wrapper {
    box-shadow: none !important;
  }
}

.worktimelineDrawer {
  .ant-timeline-item-label {
    width: 50px !important;
  }
  .ant-timeline-item-tail,
  .ant-timeline-item-head {
    left: 60px !important;
  }
  .ant-timeline-item-content {
    left: 70px !important;
    width: calc(100% - 70px) !important;
  }
  .timelineName {
    font-weight: bold;
  }
  .timelineDesc {
    margin-bottom: 10px;
    color: #888;
    font-size: 14px;
  }
}
